<template>
  <div>
    <h1>MyHello</h1>

    <MySlots>
      <template #top>
        <button>wo de tian</button>
      </template>

      <template #bottom>
        <p>我的t</p>
      </template>
    </MySlots>
  </div>
</template>

<script setup lang="ts">
import MySlots from "./MySlots.vue";
// 设置 props 选项，可以使用 defineProps
// 设置 emits 选项，可以使用 defineEmits
// 设置 components 选项，引入组件就可以直接使用
// 设置 data 选项，可以使用 ref() reactive() 创建，
// ...

// 但是对于 name 、 inheritAttrs 这两个选项来说，就没有提供的其他的变形来玩，这时可以
//      1. 再写一个 script 不带有 setup
//      2. 3.3版本开始，提供有一个新的 defineOptions 可以来玩，

defineOptions({
  name: "xxxx",
  inheritAttrs: false,
});
</script>

<!-- <script lang="ts">
export default {
  name: 'xxxx',
  inheritAttrs: false,
}
</script> -->
